﻿<!DOCTYPE html>
<html>
    <head lang="zh-cn">
        <meta charset="utf-8">
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="js/denglong.js"></script>
<script type="text/javascript" src="js/meihua.js"></script>
   <!-- <link rel="Shortcut Icon" href="img/logo.jpg"> 设置网站的图标-->
    <title>发邮件给酷侠</title>
    <style>
        body{
            background: url('https://api.paugram.com/wallpaper/');
            width: 100%;
            height: 100%;
            background-size: cover;
            background-attachment: fixed;
        }
        .zhuti{
            text-align: left;
            width: 90%;
            height: 800px;
            background: white;
            background-color: transparent;
            border-radius: 25px;
            color: red;
            font-size: 10px;
        }
        .bt{
            width: 65%;
            height: 7%;
            margin: auto;
            border-radius: 20px;
            background: transparent;
            box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
            transition: 1s;
            border: 2px solid #CCCCFF;
        }
        .bt:hover{
            width: 65%;
            height: 7%;
            margin: auto;
            border-radius: 20px;
            background: #CCCCFF;
            box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.7);
            transition: 1s;
            border: 2px solid #CCCCFF;
            color: black;
        }
        .nr{
            width: 65%;
            height: 65%;
            border-radius: 0 30px 0 30px;
            margin-top: 2%;
            border: 2px solid #FF6666;
            background:transparent;
            transition: 1s;
            box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
        }
        .nr:hover{
            width: 65%;
            height: 65%;
            border-radius: 0 30px 0 30px;
            margin-top: 2%;
            border: 2px solid #FF6666;
            background:#FF6666;
            transition: 1s;
            box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.8);
            color: white;
        }
        .z{
            text-align: left;
            font-size: 30px;
            color: red;
        }
        .an{
            width: 65%;
            height: 10%;
            background:#99CCFF;
            color: white;
            margin-top: 2%;
            border-radius: 30px;
            font-size: 50px;
            transition: 1s;
            box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
        }
        .an:hover{
            width: 65%;
            height: 10%;
            background:#99CCFF;
            color: white;
            margin-top: 2%;
            border-radius: 30px;
            font-size: 50px;
            transition: 1s;
            box-shadow: 2px 2px 5px rgba(0,0,0,0.8);
        }
    </style>
    <body>
        <div class="z">发邮件给酷侠</div>
        <div class="zhuti">
            <input type="text" class="bt" placeholder="请输入邮件标题" id="bt">
            <textarea class="nr" placeholder="请输入邮件内容" id="nr"></textarea>
            <button class="an" onclick="fs()">发送</button>
    </body>
    </head>
</html>
<script>
    function fs(){
        var title=document.getElementById("bt").value;
        var fsnr=document.getElementById("nr").value;
        $.post("mail.php",{
            bt:title,
            nr:fsnr
        },
        function (data){
            alert(data);
        });
    }
</script>